html {
  height: 100%;
  font-family: 微软雅黑;
}
/* #ifndef APP-PLUS-NVUE */
/* scroll-view */
.scroll-row{ width: 100%; white-space: nowrap; }
.scroll-row-item{ display: inline-block!important; }
/* #endif */

/* 图标 */
.iconfont{ font-family:iconfont; }
.view,
.text{ font-size: 28rpx; line-height: 1.5; color: #292727; }
.test {
	background-color: #0081ff;
	height: 80rpx;
	width: 750rpx;
}

.col-1 {
	padding: 20rpx;
	width: 710rpx;
}
.col-2 {
	padding: 30rpx;
	width: 690rpx;
}
.col-4 {
	padding: 30rpx;
	width: 650rpx;
	margin-left: 20rpx;
}

/* 宽度 */

.y10 {
	height: 10rpx;
}
.y50 {
	height: 50rpx;
}
.y55 {
	height: 55px;
}

/* #ifndef APP-PLUS-NVUE */
.w-cover{ width: 100%; }
.border-box { box-sizing: border-box; }
/* #endif */

/*************************  -- flex 布局 --  *************************/
.flex{
	/* #ifndef APP-PLUS-NVUE */
	display:flex;
	/* #endif */
	flex-direction:row!important;
}
.flex-column{ 
	/* #ifndef APP-PLUS-NVUE */
	display:flex;
	/* #endif */
	flex-direction:column!important; 
}
.flex-row-reverse{ flex-direction:row-reverse!important; }
.flex-column-reverse{ flex-direction:column-reverse!important; }
.flex-wrap{ flex-wrap:wrap;}
.flex-nowrap{ flex-wrap:nowrap;}

.flex-1{ flex: 1; }
.flex-2{ flex: 2; }
.flex-3{ flex: 3; }
.flex-4{ flex: 4; }
.flex-5{ flex: 5; }

.flex-center{
	/* #ifndef APP-PLUS-NVUE */
	display:flex;
	/* #endif */
	justify-content:center; 
	align-items: center;
}
.flex-center-column{
	/* #ifndef APP-PLUS-NVUE */
	display:flex;
	/* #endif */
	flex-direction: column;
	justify-content:center;
	align-items: center;
}

.flex-between {
	/* #ifndef APP-PLUS-NVUE */
	display:flex;
	/* #endif */
	flex-direction:row;
	justify-content: space-between; 
	align-items: center;
}
.flex-around {
	/* #ifndef APP-PLUS-NVUE */
	display:flex;
	/* #endif */
	flex-direction:row;
	justify-content: space-around; 
	align-items: center;
}
.flex-start{
	/* #ifndef APP-PLUS-NVUE */
	display:flex;
	/* #endif */
	justify-content:flex-start; 
	align-items: center;
}
.justify-start{justify-content:flex-start;}
.justify-end{justify-content:flex-end;}
.justify-between{justify-content:space-between;}
.justify-center{justify-content:center;}
.align-center{ align-items: center; }
.align-stretch{ align-items: stretch; }
.align-start{ align-items: flex-start; }
.align-end{ align-items: flex-end; }


/* #ifndef APP-PLUS-NVUE */
.flex-fifth { flex-basis: 20%; flex-shrink: 0; }
.flex-quarter { flex-basis: 25%; flex-shrink: 0; }
.flex-third { flex-basis: 33.3%; flex-shrink: 0; }

.flex-shrink{ flex-shrink: 0; }

.content-start {align-content: flex-start;}
.content-end {align-content: flex-end;}
.content-center {align-content: center;}
.content-between {align-content: space-between;}
.content-around {align-content: space-around;}
.content-stretch {align-content: stretch;}
/* #endif */


/* #ifndef APP-PLUS-NVUE */
.m-auto{ margin: auto; }
.mt-auto { margin-top: auto; }
.mb-auto { margin-bottom: auto; }
.ml-auto { margin-left: auto; }
.mr-auto { margin-right: auto; }
.my-auto { margin-top: auto; margin-bottom: auto; }
.mx-auto { margin-left: auto; margin-right: auto; }
/* #endif */


/*
 ************************  -- 文字 --  ************************ 
 */
/*文字大小*/
.font-s { font-size: 15rpx !important;}
.font-m { font-size: 20rpx !important;}
.font { font-size: 25rpx !important;}
.font-l { font-size: 30rpx !important;}
.font-xl { font-size: 35rpx !important;}
.font-xxl { font-size: 40rpx !important;}

/*标题*/
.h1{font-size:60rpx !important; line-height:1.5;font-weight: 700;}
.h2{font-size:40rpx !important; line-height:1.5;font-weight: 700;}
.h3{font-size:36rpx !important; line-height:1.5;font-weight: 700;}
.h4{font-size:32rpx !important; line-height:1.5;font-weight: 700;}
.h5{font-size:30rpx !important; line-height:1.5;font-weight: 700;}
.h6{font-size:28rpx !important; line-height:1.5;font-weight: 700;}

/* 文字缩进 */
/* #ifndef APP-PLUS-NVUE */
.text-indent{text-indent:2;}
/* #endif */

/* 文字划线 */
.text-through{text-decoration:line-through;}

/* 文字对齐 */
.text-left { text-align: left;}
.text-right { text-align: right;}
.text-center { text-align: center;}

/* 字体粗细*/
.finer { font-weight: 100;}
.normal { font-weight: 400;}    /*正常*/
.bold { font-weight: 700;}      /*粗*/
.italic { font-style: italic;} /*斜体*/


/* 多行文本省略*/
.line-1 {
	/* #ifdef APP-NVUE */
	/* nvue下，可以直接使用lines属性，这是weex特有样式*/
	lines: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	flex: 1;
	/* #endif */

	/* #ifndef APP-NVUE */
	/* vue下，单行和多行显示省略号需要单独处理*/
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	/* #endif */
}

.line-2 {
	/* #ifdef APP-NVUE */
	/* nvue下，可以直接使用lines属性，这是weex特有样式 */
	lines: 2;
	text-overflow: ellipsis;
	overflow: hidden;
	flex: 1;
	/* #endif */

	/* #ifndef APP-NVUE */
	/* vue下，单行和多行显示省略号需要单独处理 */
	display: -webkit-box!important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical!important;
	/* #endif */
}

/* 边框 */
.border { border-width: 1rpx;border-style: solid;border-color: #dee2e6;}
.border-top {
  border-top-width: 1rpx;
  border-top-style: solid;
  border-top-color: #dee2e6;
}
.border-right {
  border-right-width: 1rpx;
  border-right-style: solid;
  border-right-color: #dee2e6;
}
.border-bottom {
  border-bottom-width: 1rpx;
  border-bottom-style: solid;
  border-bottom-color: #dee2e6;
}
.border-left {
  border-left-width: 1rpx;
  border-left-style: solid;
  border-left-color: #dee2e6;
}
.border-0 { border-width: 0!important;}
.border-top-0 { border-top-width: 0!important;}
.border-right-0 {border-right-width: 0!important;}
.border-bottom-0 {border-bottom-width: 0!important;}
.border-left-0 {border-left-width: 0!important;}


.radius-0 { border-radius: 0;}
.radius-s { border-radius: 8rpx; }
.radius-m { border-radius: 14rpx; }
.radius-l { border-radius: 22rpx; }
.radius-xl { border-radius: 30rpx; }
.rounded { border-radius: 5000rpx;}

/* 显示 */
/* #ifndef APP-PLUS-NVUE */
.hide{ display: none; }
.inline-block{ display: inline-block; }
.block{ display: block; }
/* #endif */

/* 内容溢出 */
.hidden { overflow: hidden;}

/* 定位 */
.relative { position: relative;}
.absolute { position: absolute;}
.fixed { position: fixed;top: 0;}

/* 定位 - 固定顶部 */
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  /* #ifndef APP-PLUS-NVUE */
  z-index: 1030;
  /* #endif */
}

/* 定位 - 固定底部 */
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  /* #ifndef APP-PLUS-NVUE */
  z-index: 1030;
  /* #endif */
}
.top-0 { top: 0; }
.left-0 { left: 0; }
.right-0 { right: 0; }
.bottom-0 { bottom: 0; }

/* 定位居中*/
/* #ifndef APP-PLUS-NVUE */
.middle {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.middle-x {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.middle-y {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
/* #endif */

/*底部导航栏*/
.tabbar {
	/* #ifndef APP-PLUS-NVUE */
	box-sizing: border-box;
	z-index: 1030;
	/* #endif */
	position: fixed;
	bottom: 0;
	left: 0;
	width: 750rpx;
	height: calc(106rpx + env(safe-area-inset-bottom) / 2);
	padding-bottom: calc(env(safe-area-inset-bottom) / 2);
}

/* 阴影 */
/* #ifndef APP-PLUS-NVUE */
.shadow-sm { box-shadow: 0 0 5px rgba(#d8d8d8, .5);}
.shadow {box-shadow: 0 1px 8px 1px rgba(#a5a5a5, .2);}
.shadow-lg { box-shadow: 0rpx 40rpx 100rpx 0rpx rgba(0, 0, 0, 0.175);}
.shadow-none { box-shadow: none !important;}
/* #endif */

.mask {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 100;
}